<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
    <div>
        hello
        <p>世界</p>
        <input type="text" value="hello world" name="" id="">
    </div>
    <script>
        // 操作文本内容
        // 1、html（）
        // 等价于我们原生的js中的innerHtml
        // 1-1 html（）获取
        
        // console.log($('div').html())
        // 1-2 html()设置
        // 语法：元素集合.html（你要设置的内容）
        // 注意： 可以识别并解析html解构字符串
        // $('div').html('<h2>我是来设置的内容</h2>')
        // 2、text（）
        // 等价于我们原生js中的innerhtml
        //   2-1 text（）获取
        // console.log($('div').text())
        // 2-2 text()设置
        // 语法： 元素集合.text(你要设置的内容)
        // 注意： 不可以识别并解析 html解构字符串
        // $('div').text('<h2>后来设置的</h2>')

        // 3、val()
        // 等价于我们原生js中的value
        // 3-1 .val() 获取
         console.log($('input').val())

        //  3-2 .val()设置
        // 语法：元素集合.val（你设置的内容）
        // 作用：用来设置该表单的value
        $('input').val('我是后来设置的')
    </script>
</body>
</html>